<tc_include file="Public:head" />
<div class="container" id="container">
    <div class="page">
        <div class="page__bd" style="height: 100%; overflow: hidden;">
            <div class="weui-tab">
                <div class="weui-tab__panel wifi-login">
                    <div class="login-box">
                        <!--title-->
                        <div class="text-center wifi-login-title">
                            <h2>FREE WIFI</h2>
                            <p>由夏都小镇提供的免费WIFI</p>
                        </div>
                        <!--title end-->
                        <!--login-->
                        <div class="weui-cells weui-cells_form">
                            <div class="weui-cell">
                                <div class="weui-cell__hd">
                                    <i class="icon iconfont icon-phone"></i>
                                </div>
                                <div class="weui-cell__bd">
                                    <input class="weui-input" type="tel" placeholder="请输入手机号" value="13666565665">
                                </div>
                            </div>
                            <div class="weui-cell weui-cell_vcode">
                                <div class="weui-cell__hd">
                                    <i class="icon iconfont icon-password"></i>
                                </div>
                                <div class="weui-cell__bd">
                                    <input class="weui-input" type="number" placeholder="验证码">
                                    <button class="weui-vcode-btn">获取验证码</button>
                                </div>
                            </div>
                        </div>
                        <div class="weui-cells__tips text-right"><a href="#" class="linkgay">? 收不到验证码</a></div>
                        <div class="weui-btn-area">
                            <a class="weui-btn weui-btn_default weui-btn_reg" href="javascript:" id="loginBtn">连接<br /><span>Connect</span></a>
                        </div>

                        <div class="weui-cells__tips text-center">
                            <input type="checkbox"  name="checkbox1" id="s11" checked="checked">
                            <span>同时注册会员</span>
                        </div>
                        <div class="weui-cells__tips text-center">
                            点击连接，即表示已阅读并接受
                            <a href="#" class="linkgay">夏都小镇wifi服务协议</a>
                        </div>
                        <div class="weui-btn-area">
                            <a class="weui-btn weui-btn_default weui-btn_login" href="javascript:" >会员一键连接WIFI<br /><span>Member a key connection WIFI</span></a>
                        </div>
                        <!--login end-->
                    </div>
                </div>
                <tc_include file="Public:menu" />
            </div>
        </div>
    </div>
</div>
<div id="dialogs">
    <!--BEGIN loginDialog-->
    <div class="js_dialog" id="loginDialog" style="display: none;">
        <div class="weui-mask"></div>
        <div class="weui-dialog">
            <div class="weui-dialog__btn">&times;</div>
            <div class="icon-box">
                <i class="icon iconfont icon-notice"></i>
            </div>
            <div class="weui-dialog__bd">
                <div class="weui-dialog__title">免费WIFI连接成功！</div>
                <p>欢迎加入夏都小镇，<font>期待美好与您相遇！</font></p>
            </div>
        </div>
    </div>
    <!--END loginDialog-->
</div>
<script src="__TMPL__Public/assets/js/zepto.min.js"></script>
<script src="__TMPL__Public/assets/js/weui.min.js"></script>
<script src="__TMPL__Public/assets/js/swiper.min.js"></script>
<script src="__TMPL__Public/assets/js/example.js"></script>
<script type="text/javascript">
    $(function(){
        //登录成功
        $('#loginBtn').on('click', function(){
            $('#loginDialog').fadeIn(0);
        });
        //关闭dialogs
        $('#dialogs').on('click', '.weui-dialog__btn', function(){
            $(this).parents('.js_dialog').fadeOut(0);
        });
    });
</script>
</body>
</html>
